<ion-view id="goodsList" view-title="产品列表" hide-back-button="true" cache-view="false">
  <div class="scroll-content  has-header" scroll="false">
    <header id="header">
      <div class="header-left" ng-click="func_goBack()">
        <span></span>
      </div>
      <div class="header-center">
        <span></span>
      </div>
      <div class="header-right">
        <span></span>
      </div>
    </header>
    <div class="banner">
      <ion-slide-box show-pager="true" auto-play="true" does-continue="true">
        <ion-slide>
          <img ng-src="{{goodsListDetailData[0].adSrc}}" alt="{{goodsListDetailData[0].adSrc}}">
        </ion-slide>
        <ion-slide>
          <img ng-src="{{goodsListDetailData[0].adSrc}}" alt="{{goodsListDetailData[0].adSrc}}">
        </ion-slide>
        <ion-slide>
          <img ng-src="{{goodsListDetailData[0].adSrc}}" alt="{{goodsListDetailData[0].adSrc}}">
        </ion-slide>
      </ion-slide-box>
    </div>
    <nav id="nav">
      <ul>
        <li ng-class="$index==0?'nav-current':'nav-blur'" ng-repeat="item in goodsListData"
          ng-click="goodsListLeftClick($event);getGoodsListDetailData(item);">{{item.name}}</li>
      </ul>
    </nav>
    <div id="pro">
      <ion-content lazy-scroll>
        <ion-refresher pulling-text="获取最新数据..." refreshing-text="正在加载" on-refresh="getGoodsListDetailData()" distance="5%">
        </ion-refresher>
        <div class="pro-scroll">
          <div class="pro-warp">
            <div class="content">
              <div class="content-body">
                <div class="content-body-list" ng-repeat="item in goodsListDetailData"
                  ui-sref="details({productId:item.productId,name:item.name,price:item.price})">
                  <div class="goodsListImg">
                    <img ng-src="{{item.src}}">
                  </div>
                  <div class="pro-body-des-text">
                    <span>{{item.name}}</span>
                    <b>￥{{item.price}}</b>
                    <div class="pro-body-des-con">
                      <span>{{item.haoping}} 好评</span>
                      <span>{{item.buy}}人买过</span>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <ion-infinite-scroll ng-if="pms_isMoreItemsAvailable" on-infinite="func_loadMoreGoodsList()" distance="1%">
          <span>全在这儿喽！</span>
        </ion-infinite-scroll>
      </ion-content>
    </div>
  </div>
</ion-view>